<template>
	<view>
		<!--  -->
		<div
			style="padding: 0 12px 6px 12px;;background-color: #FFFFFF;display: flex;align-items: center;justify-content: space-between;">
			<div style="font-size: 14px">纸质成绩单寄送地址</div>
			<div style="font-size: 14px;color: #007AFF;">添加</div>
		</div>
		<div v-for="(item,index) in 2" :key="index">
			<div style="font-size: 14px;color: #FF0000;padding: 5px 12px;text-align: right;" v-if="index != 0">删除</div>
			<!-- form item -->
			<div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">邮编</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
				<!-- line -->
				<div style="width: 5px;" />
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">收件人</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
			</div>
			<!-- form item -->
			<div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">收件人电话</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
				<!-- line -->
				<div style="width: 5px;" />
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">收件地址</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
			</div>
		</div>



		<!--  -->
		<div style="padding: 0 12px 6px 12px;font-size: 14px;background-color: #FFFFFF;">电子成绩单寄送地址</div>
		<div>
			<!-- form item -->
			<div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">收件人</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
				<!-- line -->
				<div style="width: 5px;" />
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">邮箱</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
			</div>
			<!-- form item -->
			<div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">备用邮箱</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
			</div>
		</div>

		<!-- -->
		<div style="padding: 0 12px 6px 12px;font-size: 14px;background-color: #FFFFFF;">跟进频率</div>
		<!-- form item -->
		<div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
			<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
				<div style="font-size: 12px;color: #999999;">跟进周期</div>
				<input type="text" placeholder="请输入" v-model="data.followRate"
					style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				<div style="font-size: 12px;color: #333333;margin-left: 12px;">天/跟进一次</div>
			</div>
		</div>


		<!--  -->
		<div
			style="padding: 6px 12px;background-color: #FFFFFF;display: flex;align-items: center;justify-content: space-between;">
			<div style="font-size: 14px">意向信息</div>
			<div style="font-size: 14px;color: #007AFF;">添加</div>
		</div>

		<div v-for="(item,index) in 2">
			<div style="font-size: 14px;color: #FF0000;padding: 5px 12px;text-align: right;" v-if="index != 0">删除</div>
			<!-- form item -->
			<div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">意向学校</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
				<!-- line -->
				<div style="width: 5px;" />
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">意向项目</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
			</div>

			<!-- form item -->
			<div style="display: flex;align-items: center;padding:6px 12px;background-color: #FFFFFF;">
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">意向课程</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
				<!-- line -->
				<div style="width: 5px;" />
				<div style="display: flex;align-items: center;background-color: #FFFFFF;flex: 1;">
					<div style="font-size: 12px;color: #999999;">课程认证状态</div>
					<input type="text" placeholder="请输入"
						style="font-size: 12px;flex: 1;background-color: #F5F5F5;padding: 3px 5px;margin-left: 5px;">
				</div>
			</div>
			<div style="font-size: 12px;color: #999999;margin: 6px 12px;">认证截图</div>
			<div style="padding: 6px 12px;display: flex;align-items: center;">
				<div
					style="font-size: 12px;border: 1px solid #999999;padding: 6px 12px;margin-right: 6px;border-radius: 4px;">
					上传文件</div>
				<div
					style="flex: 1;font-size: 12px;border: 1px solid #999999;padding: 6px 12px;border-radius: 4px;display: flex;justify-content: space-between;align-items: center;">
					<div>xxxxxxxxx上传文件.xls</div>
					<text class="iconfont icon-shanchu"></text>
				</div>
			</div>
		</div>

		<!--  -->
		<div
			style="padding: 6px 12px;background-color: #FFFFFF;display: flex;align-items: center;justify-content: space-between;">
			<div style="font-size: 14px">备注</div>
		</div>
		<!-- form item -->
		<div style="background-color: #FFFFFF;">
			<textarea class="tv" placeholder="请输入备注" v-model="data.remark"></textarea>
		</div>






		<!-- button -->
		<div style="padding: 12px;background-color: #FFFFFF;padding-bottom: 40px;">
			<div @click="btnClick"
				style="border: 1px solid #007AFF;text-align: center;padding: 5px;border-radius: 4px;color: #007AFF;font-size: 14px;">
				完成
			</div>
		</div>
		</div>
	</view>
</template>

<script>
	export default {
		props:['data'],
		data() {
			return {
				// data:{}
				//纸质与电子成绩单地址
				// [{’id’:’新增默认传0’,’postalCode’:’邮编’,’recName’:’收件人’,’recPhone’:’收件人电话’,’recAdd’:’收件人地址’,’tranType’:’地址类型:1纸质2电子’,’email’:’邮箱’,’backEmail’:’备用邮箱’}]
				// 意向信息,以JSON字符串数组如[{’id’:’新增默认传0’,’school’:’意向学校’,’project’:’意向项目’,’course’:’意向课程,’authStatus’:’课程认证状态,’认证截图地址’:’authUrl,’failCause’:’失败原因’}]
			}
		},
		mounted() {
				this.data.purpose = null
				this.data.transcriptAdd = null
		},
		methods: {
			btnClick() {
				this.$emit("action")
			}
		}
	}
</script>

<style scoped>
	.tv {
		width: calc(100% - 36px);
		font-size: 12px;
		border: 1px solid #999999;
		margin-left: 12px;
		padding: 3px 6px;
		border-radius: 4px;
	}
</style>
